<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
        <title>小票打印</title>
        <style type="text/css">
        *{padding:0;margin: 0;}
        h1{font-size: 20px;}
        h3{font-size: 16px;}
        .left{
            float: left;
        }
        .right{
            float:right;
        }
        .clearfix{
            clear: both;
        }
        ul{list-style: none;}
        .print_container{
            padding: 20px;
            width: 188px;
        }
        .section1{
        }
        .section2 label{
            display: block;
        }
        .section3 label{
            display: block;
        }
        .section4{
        }
        .section4 .total label{
            display: block;
        }
        .section4 .other_fee{
            border-bottom: 1px solid #DADADA;
        }
        .section5 label{
            display: block;
        }
        </style>
    </head>
    <body style="background-color:#fff;">
        <div class="print_container">
            <h1>给顾客专用</h1>
            <span>*****************************************</span>
            <div class="section3">
                <label>订单编号：567890</label>
                <label>下单时间：{{times}}</label>
            </div>
            <span>******************************************</span>
            <div class="section4">
                <div style="border-bottom: 1px solid #DADADA;">
                    <table style="width: 100%;">
                        <thead>
                            <tr>
                                <td width="60%">菜品名称</td>
                                <td width="60%">英文名称</td>
                                <td width="20%">数量</td>
                                <td width="20%">金额</td>
                            </tr>
                        </thead>
                        <tbody>
                        {% for p in obj_k %}
                            <tr>
                                <td>{{p.p_pro}}</td>
                                <td>{{p.p_enpro}}</td>
                                <td>{{p.p_result}}</td>
                                <td>{{p.p_sum}}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="other_fee">
                    <div class="canh">
                        <label class="left">总计</label>
                        <label class="right">{{total}}</label>
                        <div class="clearfix"></div>
                    </div>
                    <div class="peis">
                        <label class="left">优惠后费用</label>
                        <label class="right">{{off_total}}</label>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div style="text-align: right;">
                    <label>顾客已付款</label>
                </div>
                <span>*****************************************</span>
            </div>
            <div class="section5">

                <label>地址：xxxxxxxx</label>
                <label>电话：15822671581</label>
            </div>
            <span>*****************************************</span>
        </div>
    </body>
</html>